<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<meta http-equiv="Cache-Control" content="no-siteapp">
<meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=1, minimum-scale=1, maximum-scale=1">
<meta name="renderer" content="webkit">
<meta name="google" value="notranslate">
<meta name="robots" content="index,follow">


<meta name="twitter:card" content="summary">
<meta name="twitter:title" content="Jonluo的博客">
<meta name="twitter:description" content="When your abilities can&#39;t support your ambitions, stay calm and learn">
<meta name="twitter:image:src" content="./images/avatar.png">

<meta property="og:url" content="">
<meta property="og:title" content="Jonluo的博客">
<meta property="og:description" content="When your abilities can&#39;t support your ambitions, stay calm and learn">
<meta property="og:site_name" content="Jonluo的博客">
<meta property="og:image" content="./images/avatar.png">
<meta property="og:type" content="website">
<meta name="robots" content="noodp">

<meta itemprop="name" content="Jonluo的博客">
<meta itemprop="description" content="When your abilities can&#39;t support your ambitions, stay calm and learn">
<meta itemprop="image" content="./images/avatar.png">

<link rel="canonical" href="">

<link rel="shortcut icon" href="./favicon.png?v=2017">
<link rel="apple-itouch-icon" href="./favicon.png?v=2017">
<link rel="stylesheet" href="./bundle/index.css">
<link rel="stylesheet" type="text/css" href="https://fonts.googleapis.com/css?family=Merriweather:300,700,700italic,300italic|Open+Sans:700,400" />
<script type="text/javascript">
    var timeSinceLang = {
        year: '年前',
        month: '个月前',
        day: '天前',
        hour: '小时前',
        minute: '分钟前',
        second: '秒前'
    };
    var root = '';
</script>

<script type="text/javascript">
    var conn, reloadTimer, connectTimer;
    var connect = function() {
        conn = new WebSocket('ws://' + location.host + '/live');
        conn.onmessage = function(event) {
            if (event.data === 'change') {
                if (reloadTimer) clearTimeout(reloadTimer);
                reloadTimer = setTimeout(function() {
                    window.location.reload();
                }, 200);
            }
        };
        conn.onclose = function() {
            if (connectTimer) clearTimeout(connectTimer);
            connectTimer = setTimeout(function() {
                connect();
            }, 1000);
        };
    };
    connect();
</script>


        <meta name="keywords" content="设计,写作,">
        <meta name="description" content="静态博客构建">
        <meta name="author" content="Jonluo">
        <title>静态博客构建</title>
    </head>
    <body>
        <article class="container">
            <header class="header-wrap asset" style="background-image: url(./images/bg1.jpg);">
  <nav class="main-nav">

      <a class="blog-logo" href="./index.html"><img class="logo" src="./images/avatar.png" /> </a>

    <ul class="menu vertical">
        <li class="menu-item"><a href="./archive.html"  style="color:#000;">归档</a></li>
        <li class="menu-item"><a href="./tag.html"  style="color:#000;">标签</a></li>

    </ul>
  </nav>
  <div class="vertical">
    <div class="header-wrap-content inner">
      <h1 class="title" style="color:#000;">Jonluo的博客</h1>
      <h2 class="subtitle" style="color:#000;">When your abilities can&#39;t support your ambitions, stay calm and learn</h2>
    </div>
  </div>
  <a class="scroll-down icon-arrow-left" href="#content" data-offset="-45"><span class="hidden">Scroll Down</span></a>
</header>

            <article class="main article">
                <h1 class="title">静态博客构建</h1>
                <section class="info">
                    <span class="avatar" style="background-image: url(./images/avatar.png);"></span>
                    <a class="name" href="./about.me.html">Jonluo</a>

                    <span class="date" data-time="1534500000"><span class="from"></span></span>

                    <span class="tags"><a class="tag" href="./tag/%e8%ae%be%e8%ae%a1/index.html">设计</a><a class="tag" href="./tag/%e5%86%99%e4%bd%9c/index.html">写作</a></span>
                </section>
                <article class="content"><h3>配置网站</h3>

<p>编辑<code>config.yml</code>，使用如下格式：</p>

<pre><code class="language-yaml">site:
    title: 网站标题
    subtitle: 网站子标题
    limit: 每页可显示的文章数目
    theme: 网站主题目录
    comment: 评论插件变量(默认为Disqus账户名)
    root: 网站根路径 #可选
    lang: 网站语言 #支持en, zh, ru, ja，可在theme/config.yml配置
    url: 网站链接 #用于RSS生成
    link: 文章链接形式 #默认为{title}.html，支持{year},{month},{day},{title}变量

authors:
    作者ID:
        name: 作者名称
        intro: 作者简介
        avatar: 作者头像路径

build:
    output: 构建输出目录 #可选, 默认为 &quot;public&quot;
    port: 预览端口
    copy:
        - 构建时将会复制的目录/文件
    publish: |
        ink publish 命令将会执行的脚本
</code></pre>

<h3>创建文章</h3>

<p>在<code>source</code>目录中建立任意<code>.md</code>文件（可置于子文件夹），使用如下格式：</p>

<pre><code class="language-yaml">title: 文章标题
date: 年-月-日 时:分:秒 #创建时间，可加时区如&quot; +0800&quot;
update: 年-月-日 时:分:秒 #更新时间，可选，可加时区如&quot; +0800&quot;
author: 作者ID
cover: 题图链接 #可选
draft: false #草稿，可选
top: false #置顶文章，可选
preview: 文章预览，也可在正文中使用&lt;!--more--&gt;分割 #可选
tags: #可选
    - 标签1
    - 标签2
type: post #指定类型为文章(post)或页面(page)，可选
hide: false #隐藏文章，只可通过链接访问，可选

---

Markdown格式的正文
</code></pre>
</article>
                <section class="author">
                    <div class="avatar" style="background-image: url(./images/avatar.png);"></div>
                    <a class="name" href="./about.me.html">Jonluo</a>
                    <div class="intro">When your abilities can&#39;t support your ambitions, stay calm and learn</div>
                </section>
                <section class="recommend">

                    <section class="nav prev">

                        <a class="link" href="./about.me.html">上篇文章</a>
                    </section>


                </section>

    <section id="disqus_thread"></section>
    <script type="text/javascript">
        (function() {
            var dsq = document.createElement('script'); dsq.type = 'text/javascript'; dsq.async = true;
            dsq.src = '//username.disqus.com/embed.js';
            (document.getElementsByTagName('head')[0] || document.getElementsByTagName('body')[0]).appendChild(dsq);
        })();
    </script>


            </article>
        </article>
        <footer class="footer clearfix">
    <span class="copyright">
        Jonluo的博客 &copy;
        <script type="text/javascript">
            document.write(new Date().getFullYear());
        </script>
    </span>
    <span class="publish">Powered by <a href="http://www.chole.io/" target="_blank">Ink</a></span>
</footer>

        <script src="./bundle/index.js"></script>
    </body>
</html>
